<!DOCTYPE html>
<html>
<head>
    <title>零售退货</title>
    <meta charset="utf-8">
    <!-- 指定以IE8的方式来渲染 -->
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8"/>
    <link rel="shortcut icon" href="/images/favicon.ico" type="image/x-icon"/>
    <link rel="stylesheet" href="/js/bootstrap/css/bootstrap.min.css">
    <link type="text/css" rel="stylesheet" href="/css/jsherp.css"/>
    <link rel="stylesheet" type="text/css" href="/js/easyui/themes/default/easyui.css"/>
    <link rel="stylesheet" type="text/css" href="/js/easyui/themes/icon.css"/>
    <link type="text/css" rel="stylesheet" href="/css/common.css"/>
    <link type="text/css" rel="stylesheet" href="/css/in_out.css"/>
    <script src="/js/jquery-1.8.0.min.js"></script>
    <script src="/js/easyui/jquery.easyui.min.js"></script>
    <script src="/js/easyui/locale/easyui-lang-zh_CN.js"></script>
    <script src="/js/handlebars.js"></script>
    <script src="/js/My97DatePicker/WdatePicker.js"></script>
    <script src="/js/common/common.js"></script>
    <script src="/js/common/jsherp.js"></script>
    <script src="/js/pages/materials/add_temp.js"></script>
    <script src="/js/pages/materials/in_out.js"></script>
</head>
<body>
<!-- 数据显示table -->
<div id="tablePanel" class="easyui-panel" data-options="fit:true" style="padding:1px; top:300px;" title="零售退货列表" iconCls="icon-list">
    <div class="box-body form-inline">
        <div class="form-group">
            <label class="control-label">单据编号：</label>
            <div class="control-inline">
                <input type="text" id="searchNumber" name="searchNumber" value="" maxlength="100" class="easyui-textbox width-90"/>
            </div>
        </div>
        <div class="form-group">
            <label class="control-label">药品信息：</label>
            <div class="control-inline">
                <input type="text" id="searchMaterial" name="searchMaterial" placeholder="名称，型号" maxlength="100" class="easyui-textbox width-90"/>
            </div>
        </div>
        <div class="form-group">
            <label class="control-label">单据日期：</label>
            <div class="control-inline">
                <input type="text" id="searchBeginTime" name="searchBeginTime" value="" maxlength="100" class="easyui-datebox width-120"/>
                -
                <input type="text" id="searchEndTime" name="searchEndTime" value="" maxlength="100" class="easyui-datebox width-120"/>
            </div>
        </div>
        <div class="form-group">
            <a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-search" id="searchBtn">查询</a>&nbsp;
            <a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-redo" id="searchResetBtn">重置</a>
        </div>
    </div>
    <table id="tableData" style="top:300px;border-bottom-color:#FFFFFF"></table>
</div>

<div id="depotHeadDlg" class="easyui-dialog" style="padding:10px 20px;" fit="true"
     closed="true" buttons="#dlg-buttons" modal="true" cache="false" collapsible="false" closable="true">
    <form id="depotHeadFM" method="post" novalidate>
        <table width="100%" style="min-width:1100px;">
            <tr>
                <td style="width:70px;height:50px;">会员卡号</td>
                <td style="padding:5px;width:200px;">
                    <input id="OrganId" name="OrganId" style="width:130px;"/>
                </td>
                <td style="width:70px;">单据日期</td>
                <td style="padding:5px">
                    <input type="text" name="OperTime" id="OperTime"
                           onClick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss'})" class="txt Wdate radius-ui"
                           style="width: 155px;" readonly/>
                </td>
                <td style="width:80px;">单据编号</td>
                <td style="padding:5px">
                    <input name="Number" id="Number" class="easyui-validatebox radius-ui"
                           data-options="validType:'length[2,30]'" style="width: 150px;" readonly/>
                </td>
                <td style="width:70px;"></td>
                <td style="padding:5px;width:150px;"></td>
            </tr>
            <tr>
                <td colspan="6" valign="top">
                    <!-- 药品列表table -->
                    <table id="materialData" style="top:100px;border-bottom-color:#FFFFFF"></table>
                </td>
                <td colspan="2" valign="top">
                    <table width="100%" class="retail-amount">
                        <tr>
                            <td colspan="2">实付金额</td>
                        </tr>
                        <tr>
                            <td colspan="2">
                                <input id="ChangeAmount" name="ChangeAmount" class="change-amount" readonly="readonly"
                                       data-changeamount="0"/>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2">付款金额</td>
                        </tr>
                        <tr>
                            <td colspan="2">
                                <input id="getAmount" name="getAmount"
                                       onKeypress="return (/[\d.]/.test(String.fromCharCode(event.keyCode)))"
                                       class="get-amount" data-changeamount="0"/>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2">找零</td>
                        </tr>
                        <tr>
                            <td colspan="2">
                                <input id="backAmount" name="backAmount" class="back-amount" readonly="readonly"
                                       data-changeamount="0"/>
                            </td>
                        </tr>
                        <tr>
                            <td>付款账户</td>
                            <td>
                                <select name="AccountId" id="AccountId" class="radius-ui" style="width:110px;"></select>
                                <img class="many-account-ico" src="/js/easyui/themes/icons/filelist.jpg"
                                     style="display: none;"/>
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
            <tr>
                <td colspan="8">
                    <textarea name="Remark" id="Remark" rows="2" cols="2" class="radius-ui" placeholder="暂无备注信息"
                              style="width: 100%; height:35px;"></textarea>
                </td>
            </tr>
        </table>
        <input type="hidden" name="clientIp" id="clientIp" value="<%=clientIp %>"/>
    </form>
</div>
<div id="dlg-buttons">
    <a href="javascript:void(0)" id="saveDepotHead" class="easyui-linkbutton" iconCls="icon-ok">保存</a>
    <a href="javascript:void(0)" id="cancelDepotHead" class="easyui-linkbutton" iconCls="icon-cancel"
       onclick="javascript:$('#depotHeadDlg').dialog('close')">取消</a>
</div>
<div id="depotHeadDlgShow" class="easyui-dialog" style="padding:10px 20px" fit="true"
     closed="true" buttons="#dlg-buttons-show" modal="true" cache="false" collapsible="false" closable="true">
    <table width="100%" style="min-width:1100px;">
        <tr>
            <td style="width:70px;height:50px;">会员卡号：</td>
            <td style="padding:5px;width:200px;">
                <span id="OrganIdShow"></span>
            </td>
            <td style="width:70px;">单据日期：</td>
            <td style="padding:5px;width:200px;">
                <span id="OperTimeShow"></span>
            </td>
            <td style="width:80px;">单据编号：</td>
            <td style="padding:5px;width:200px;">
                <span id="NumberShow"></span>
            </td>
            <td style="width:80px;"></td>
            <td style="padding:5px;width:150px;">
            </td>
        </tr>
        <tr>
            <td colspan="6">
                <!-- 药品列表table -->
                <table id="materialDataShow" style="top:100px;border-bottom-color:#FFFFFF"></table>
            </td>
            <td colspan="2" valign="top">
                <table width="100%" class="retail-amount-show">
                    <tr>
                        <td colspan="2">实付金额</td>
                    </tr>
                    <tr>
                        <td colspan="2">
                            <span id="ChangeAmountShow" class="change-amount-show"></span>
                        </td>
                    </tr>
                    <tr>
                        <td colspan="2">付款金额</td>
                    </tr>
                    <tr>
                        <td colspan="2">
                            <span id="getAmountShow" class="get-amount-show"></span>
                        </td>
                    </tr>
                    <tr>
                        <td colspan="2">找零</td>
                    </tr>
                    <tr>
                        <td colspan="2">
                            <span id="backAmountShow" class="back-amount-show"></span>
                        </td>
                    </tr>
                    <tr>
                        <td>付款账户：</td>
                        <td align="left" style="width:110px;">
                            <span id="AccountIdShow"></span>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
        <tr>
            <td colspan="8" style="width: 1130px; height:35px;">
                <span id="RemarkShow"></span>
            </td>
        </tr>
    </table>
</div>
<div id="dlg-buttons-show">
    <a href="javascript:void(0)" id="printDepotHeadShow" class="easyui-linkbutton" iconCls="icon-print">打印</a>
    <a href="javascript:void(0)" id="cancelDepotHeadShow" class="easyui-linkbutton" iconCls="icon-cancel"
       onclick="javascript:$('#depotHeadDlgShow').dialog('close')">取消</a>
</div>
<div id="depot"></div>
</body>
</html>
